<template>
  <div v-show="show">
    <!-- <el-form ref="form" :model="form"> -->
    <el-divider />
    <h4>入组当日-{{ title }}</h4>
    <el-row v-show="show1">
      <el-col :span="8">
        <el-form-item :label="title1">
          <el-input v-model="form.dailyUsageFirst" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item :label="title2">
          <el-input v-model="form.takeNumFirst" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item :label="title3">
          <el-input v-model="form.doseFirst" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="8">
        <el-form-item :label="title4">
          <el-input v-model="form.doseCountFirst" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-divider />
    <h4>入组后-{{ title }}</h4>
    <el-row>
      <el-col :span="8">
        <el-form-item :label="title5">
          <el-date-picker
            v-model="form.startingMedicationTime"
            type="date"
            placeholder="选择日期"
          />
        </el-form-item>
      </el-col>
      <el-col v-show="show1" :span="8">
        <el-form-item :label="title6">
          <el-date-picker
            v-model="form.endMedicationTime"
            type="date"
            placeholder="选择日期"
          />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item :label="title7">
          <el-input v-model="form.dailyUsage" />
        </el-form-item>
      </el-col>
    </el-row>
    <el-row v-show="show1">
      <el-col :span="8">
        <el-form-item :label="title8">
          <el-input v-model="form.takeNum" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item :label="title9">
          <el-input v-model="form.dose" />
        </el-form-item>
      </el-col>
      <el-col :span="8">
        <el-form-item :label="title10">
          <el-input v-model="form.doseCount" />
        </el-form-item>
      </el-col>
    </el-row>
    <!-- </el-form> -->
  </div>
</template>

<script>
// import form from '../../system/job/module/form.vue'
export default {
  // components: { form },
  props: {
    title: {
      type: String,
      default: '溴比斯地明',
      require: true
    },
    title1: {
      type: String,
      default: '用法（次/日）',
      require: true
    },
    title2: {
      type: String,
      default: '每次服用（粒）',
      require: true
    },
    title3: {
      type: String,
      default: '每次剂量（mg）',
      require: true
    },
    title4: {
      type: String,
      default: '当日服药剂量（mg）',
      require: true
    },
    title5: {
      type: String,
      default: '起始用药时间',
      require: true
    },
    title6: {
      type: String,
      default: '结束用药时间',
      require: true
    },
    title7: {
      type: String,
      default: '用法（次/日）',
      require: true
    },
    title8: {
      type: String,
      default: '每次服用（粒）',
      require: true
    },
    title9: {
      type: String,
      default: '每次剂量（mg）',
      require: true
    },
    title10: {
      type: String,
      default: '当日服药剂量（mg）',
      require: true
    },
    show: {
      type: Boolean,
      default: true,
      require: true
    },
    show1: {
      type: Boolean,
      default: true,
      require: true
    }
  },
  data() {
    return {
      form: {
        pId: this.pId,
        dId: '',
        dailyUsageFirst: '',
        takeNumFirst: '',
        doseFirst: '',
        doseCountFirst: '',
        startingMedicationTime: '',
        endMedicationTime: '',
        dailyUsage: '',
        takeNum: '',
        dose: '',
        doseCount: ''
      }
    }
  },
  inject: ['pId'],
  methods: {
    onSubmit() {
      console.log('submit!')
    }
  }
}
</script>

<style>

</style>
